<template>
  <div class="p-border-box p-page-break"
       style="width: 100mm;height: 180mm;color: #000000;'font-family': 'Microsoft YaHei';background-color: white;font-size: 3mm;">
    <!--头部-->
    <div style="position: relative;height: 12mm!important" class="p-flex">
      <div style="width: 36mm;" class="p-h-100"></div>
      <div style="width: 64mm;" class="p-border-box p-h-100">
        <div style="text-align: right">
          <span class="p-b-b"
                style="line-height: 6mm;font-size: 3.5mm;font-weight: bold;letter-spacing: 0.2mm;padding-right: 2mm">老挝韻達物流科技集团公司</span>
        </div>
        <div style="position: relative;top: 1mm;height: 6mm;line-height: 6mm;font-size: 5mm;text-align: center;font-weight: bold;">
          {{item.operationList | formatArray('sendToName')}}
        </div>
        <div style="position: relative;top: 1mm;height: 6mm;line-height: 6mm;font-size: 5mm;text-align: center;font-weight: bold;">
          {{item.operationList | formatArray('laosSendToName')}}
        </div>
      </div>
    </div>
    <div style="height: 9mm;padding-left: 3.4mm;">
      <div>
        <span style="line-height: 4.5mm">{{item.operationList | formatArray('currentUserName')}}——{{item.operationList | formatArray('sendToUserName')}}</span><br>
        <span style="line-height: 4.5mm">LYD{{item.operationList | formatArray('currentName')}}</span>
      </div>
    </div>
    <!--中部-->
    <div style="height: 83.5mm!important;" class="p-flex p-b-t p-b-b p-border-box">
      <div style="width: 75mm" class="p-border-box">
        <div style="height: 26mm!important;" class="p-flex p-b-b">
          <div style="text-align:center;width: 9.5mm;padding: 1mm;"
               class="p-flex p-b-r p-column p-border-box p-j-c">
            <span>收件</span><br>
            <div>ຮັບເຄື່ອງ</div>
          </div>
          <div style="padding: 0;width: 66.5mm;font-size: 4mm">
            <div style="line-height: 4mm" class="p-flex p-j-a">
              <span>{{item.receiverName}}</span>
              <span>{{item.receiverPhone}}</span>
            </div>
            <div style="line-height: 4mm" class="p-flex p-j-a">
              <span>{{item.laosReceiverName}}</span>
              <span>{{item.receiverPhone}}</span>
            </div>
            <div style="line-height: 4mm">
              <span>{{item.receiverAddress}}</span>
            </div>
            <div style="line-height: 4mm">
              <span>{{item.laosReceiverAddress}}</span>
            </div>
          </div>
        </div>
        <div style="height: 26mm!important;" class="p-flex p-b-b">
          <div style="text-align:center;width: 9.5mm;padding: 1mm;"
               class="p-flex p-column p-j-c p-border-box p-b-r">
            <span>寄件</span><br>
            <span>ຝາກເຄື່ອງ</span>
          </div>
          <div style="padding: 0;width: 66.5mm;font-size: 4mm">
            <div style="line-height: 4mm" class="p-flex p-j-a">
              <span>{{item.senderName}}</span>
              <span>{{item.senderPhone}}</span>
            </div>
            <div style="line-height: 4mm" class="p-flex p-j-a">
              <span>{{item.laosSenderName}}</span>
              <span>{{item.senderPhone}}</span>
            </div>
            <div style="line-height: 4mm">
              <span>{{item.senderAddress}}</span>
            </div>
            <div style="line-height: 4mm">
              <span>{{item.laosSenderAddress}}</span>
            </div>
          </div>
        </div>
        <div style="padding-top: 0.5mm;height: 15mm!important;line-height: 3mm;text-align: center"
             class="p-border-box">
          <!--<img class="p-fit" style="width: 65mm;height: 10.5mm" :src="$baseApi + item.path" alt="条形码">-->
          <js-barcode v-if="item.number" :number="item.number" width="65mm" height="10.5mm"/>
          <div>{{item.number}}</div>
        </div>
        <div style="width: 75mm;line-height: 3mm;padding: 0 1mm" class="p-border-box">
          <span>您的签字代表您已验收过此货物，并且确认商品信息无误，包装完好</span><br>
          <span>ລາຍເຊັນຂອງທ່ານສະແດງວ່າທ່ານໄດ້ກວດເບິ່ງແລະຍອມຮັບເອົາຊຸດນີ້,ແລະຢືນຢັນວ່າຂໍ້ມຸນຂອງຜະລິດຕະພັນແມ່ນຖືກຕ້ອງ,ການຫຸ້ມຫໍ່ແມ່ນຍັງຄົບຖ້ວນຢູ.</span>
        </div>
      </div>
      <div style="width: 25mm;padding: 0.5mm;line-height: 3.5mm" class="p-b-l p-border-box">
        <div>报关费 {{item.customsFee}}</div>
        <div>ເສຍຄ່າພາສ</div>
        <div>代收贷款 {{item.loans}}</div>
        <div>ເກັບຄ່າເຄື່ອງແທນ</div>
        <div>总件数 {{item.insideCount}}</div>
        <div>ຈຳ ນວນທັງ ໝົດ</div>
        <div>保价费 {{item.protectFee}}</div>
        <div>ລາຄ່າປະກັນ</div>
        <div>包装费 {{item.packFee}}</div>
        <div>ຄ່າຫຸ້ມຫໍ່</div>
        <div>运费 {{item.freight}}</div>
        <div>ຄ່າສົ່ງ</div>
        <div>总计 {{item.totalFee}}</div>
        <div>ລວມໝົດ</div>
        <div>重量 {{item.weight}}</div>
        <div>ນ້ ຳ ໜັກ</div>
        <div style="width: 25mm;line-height: 3mm;">
          <div style="margin-top: 4mm;line-height: 4mm;">签收人</div>
          <div style="margin-bottom: 4mm;line-height: 4mm;">ຜູ້ເຊັນຮັບ</div>
          <div>时间</div>
          <div>ເວລາ</div>
        </div>
      </div>
    </div>
    <!--底部-->
    <div style="height: 20mm!important;padding-top: 5mm;text-align: right" class="p-border-box">
      <!--<img class="p-fit" style="width: 58mm;height: 10.5mm" :src="$baseApi + item.path" alt="条形码">-->
      <js-barcode style="margin-right: 2mm" v-if="item.number" :number="item.number" width="58mm" height="10.5mm"/>
      <div style="margin-right: 15mm;line-height: 3mm">{{item.number}}</div>
    </div>
    <!--底部-->
    <div style="height: 45mm;!important;" class="p-flex p-border-box p-b-t p-b-b">
      <div style="width: 75mm" class="p-border-box">
        <div style="height: 22.5mm!important;" class="p-flex p-border-box p-b-b">
          <div style="text-align:center;width: 9.5mm;padding: 1mm;"
               class="p-flex p-column p-j-c p-border-box p-b-r">
            <span>收件</span><br>
            <div>ຮັບເຄື່ອງ</div>
          </div>
          <div style="padding: 0;width: 66.5mm">
            <div style="line-height: 3mm" class="p-flex p-j-a">
              <span>{{item.receiverName}}</span>
              <span>{{item.receiverPhone}}</span>
            </div>
            <div style="line-height: 3mm" class="p-flex p-j-a">
              <span>{{item.laosReceiverName}}</span>
              <span>{{item.receiverPhone}}</span>
            </div>
            <div style="line-height: 3mm">
              <span>{{item.receiverAddress}}</span>
            </div>
            <div style="line-height: 3mm">
              <span>{{item.laosReceiverAddress}}</span>
            </div>
          </div>
        </div>
        <div style="height: 22.3mm!important;" class="p-flex p-border-box">
          <div style="text-align:center;width: 9.5mm;padding: 1mm;"
               class="p-flex p-column p-j-c p-border-box p-b-r">
            <span>寄件</span><br>
            <span>ຝາກເຄື່ອງ</span>
          </div>
          <div style="padding: 0;width: 66.5mm">
            <div style="line-height: 3mm" class="p-flex p-j-a">
              <span>{{item.senderName}}</span>
              <span>{{item.senderPhone}}</span>
            </div>
            <div style="line-height: 3mm" class="p-flex p-j-a">
              <span>{{item.laosSenderName}}</span>
              <span>{{item.senderPhone}}</span>
            </div>
            <div style="line-height: 3mm">
              <span>{{item.senderAddress}}</span>
            </div>
            <div style="line-height: 3mm">
              <span>{{item.laosSenderAddress}}</span>
            </div>
          </div>
        </div>
      </div>
      <!--<div style="width: 25mm" class="p-flex p-j-c p-b-l">-->
      <!--  <img style="height: 20mm;width: 20mm;margin-top: 12mm" src="../../../assets/print/wechat-code.png" alt="二维码">-->
      <!--</div>-->
      <div style="width: 25mm;flex-direction: column;justify-content: space-evenly" class="p-flex p-b-l">
        <div style="padding-left: 1.5mm">
          <img style="width: 22mm" src="../../../assets/brand.jpg" alt="商标">
        </div>
        <div style="padding-left: 2mm">
          <img style="height: 20mm;width: 20mm;" src="../../../assets/print/wechat-code.png" alt="二维码">
        </div>
      </div>
    </div>
    <!--底部-->
    <div style="height: 10mm;padding: 2.4mm" class="p-flex p-border-box">
      <div style="overflow: hidden;width: 70mm;white-space: nowrap">内件品名:{{item.articleName}}(已验视)</div>
      <div v-if="item.printTime" style="width: 28mm;">{{item.printTime | formatDateMM}}</div>
      <div v-else style="width: 28mm;">{{item.updateTime | formatDateMM}}</div>
    </div>
  </div>
</template>

<script>
  import JsBarcode from '../components/JsBarcode'

  export default {
    name: "Mother",
    components: {JsBarcode},
    props: {
      item: {}
    }
  }
</script>
